<!DOCTYPE html>

<!--[if IE 8]>
<html lang="en" class="ie8 no-js"> <![endif]-->

<!--[if IE 9]>
<html lang="en" class="ie9 no-js"> <![endif]-->

<!--[if !IE]><!-->
<html lang="en" class="no-js"> <!--<![endif]-->

<!-- BEGIN HEAD -->

<head>
    <meta charset="utf-8"/>
    <title>中国长城互联网综合管理平台 | Admin Dashboard </title>
    <meta http-equiv="X-UA-Compatible" content="IE=edge"/>
    <meta content="width=device-width, initial-scale=1.0" name="viewport"/>
    <meta content="" name="description"/>
    <meta content="" name="author"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/mc-bootstrap-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/style.css" rel="stylesheet" type="text/css"/>
    <link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
    <link href="media/css/mc/miaov_style_light.css" rel="stylesheet" type="text/css"/>
    <!-- END GLOBAL MANDATORY STYLES -->
    <!-- END PAGE LEVEL STYLES -->
    <link href="media/css/mc/mc-charts.css" rel="stylesheet" type="text/css"/>
    <script src="media/js/jquery-1.10.1.min.js" type="text/javascript"></script>
    <script src="media/js/common.js" type="text/javascript"></script>
    <link rel="shortcut icon" href="media/image/favicon.ico"/>
    <script>
        var rn = {pageLocation:"hn",level:2};
    </script>
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->

<body>
<!-- BEGIN HEADER -->
<div class="cgw-device-tip"></div>
<nav class="header navbar navbar-inverse hidden-tablet"><!-- set fixed position by adding class "navbar-fixed-top" -->

    <div class="navbar-inner">
        <a class="brand" href="javascript:void(0);">
            <img class="logo" src="media/image/logo-index.png" alt="logo"/>
        </a>
        <!-- notifications and other links -->
        <ul class="nav pull-right cgw-top-nav">
            <li class="dropdown user hidden-tablet">
                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                    <img alt="" src="media/image/avatar1_small.jpg"/>
                    <span class="username  ">黄助理</span>
                    <i class="icon-angle-down  hidden-tablet"></i>
                </a>
                <ul class="dropdown-menu hidden-tablet">
                    <li><a href="javascript:void(0);"><i class="icon-user"></i> 资料</a></li>
                    <li><a href="javascript:void(0);"><i class="icon-tasks"></i> 我的消息</a></li>
                    <li class="divider"></li>
                    <!--<li><a href="extra_lock.html"><i class="icon-lock"></i> Lock Screen</a></li>
-->
                    <li><a href="javascript:void(0);"><i class="icon-key"></i> 登出</a></li>

                </ul>

            </li>

            <li>
                <a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
                    <img src="media/image/menu-toggler.png" alt=""/>
                </a>

                <div class="color-panel hidden-phone">

                    <div class="color-mode-icons icon-color"></div>

                    <div class="color-mode-icons icon-color-close"></div>

                    <div class="color-mode">

                        <p>长城网管理工作组</p>

                        <div class="cgw-talk-team">
                            <div class="cgw-talk-team-box">
                                <span class="title">运营组</span>
                                <a href="javascript:void(0);">张大洪</a>
                                <a href="javascript:void(0);">李春天</a>
                            </div>

                            <div class="cgw-talk-team-box">
                                <span class="title bg-purple">技术组</span>
                                <a href="javascript:void(0);">张大洪</a>
                                <a href="javascript:void(0);">李春天</a>
                            </div>

                            <div class="cgw-talk-team-box">
                                <span class="title bg-green">安全组</span>
                                <a href="javascript:void(0);">张大洪</a>
                                <a href="javascript:void(0);">李春天</a>
                            </div>

                        </div>


                    </div>

                </div>
            </li>

        </ul>

    </div>

</nav>
<nav class="header navbar navbar-inverse hidden-desktop visible-tablet">
    <!-- set fixed position by adding class "navbar-fixed-top" -->
    <div class="navbar-inner">
        <div class="row-fluid">
            <div class="span2">
                <a href="javascript:void(0);" class="dropdown-toggle" data-toggle="dropdown">
                    <i class="icon-user"></i>
                </a>
                <ul class="dropdown-menu">
                    <li><a href="javascript:void(0);"><i class="icon-user"></i> 资料</a></li>
                    <li><a href="javascript:void(0);"><i class="icon-tasks"></i> 我的消息</a></li>
                    <li class="divider"></li>
                    <li><a href="javascript:void(0);"><i class="icon-key"></i> 登出</a></li>
                </ul>
            </div>
            <div class="span8">
                <a class="brand" href="javascript:void(0);">
                    <img class="logo" src="media/image/logo-index.png" alt="logo"/>
                    <span></span>
                </a>
            </div>
            <div class="span2">
                <ul class="nav pull-right cgw-top-nav">
                    <li>
                        <a href="javascript:;" style="background-color: transparent" class="btn-navbar collapsed"
                           data-toggle="collapse" data-target=".nav-collapse">
                            <i class="icon-reorder"></i>
                        </a>
                    </li>

                </ul>
            </div>
        </div>


        <!-- notifications and other links -->


    </div>

</nav>

<!-- END HEADER -->


<!-- BEGIN CONTAINER -->

<div class="page-container">

    <!-- BEGIN SIDEBAR -->

    <div class="page-sidebar nav-collapse collapse">

        <!-- BEGIN SIDEBAR MENU -->
        <ul class="page-sidebar-menu hidden-tablet">
            <li>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

                <div class="sidebar-toggler"></div>

                <!-- BEGIN SIDEBAR TOGGLER BUTTON -->

            </li>
        </ul>

        <p id="navLoad" style="color:#FFF;text-align: center"></p>
        <!-- END SIDEBAR MENU -->

    </div>

    <!-- END SIDEBAR -->

    <!-- BEGIN PAGE -->

    <div class="page-content">


        <!-- BEGIN PAGE CONTAINER-->

        <div class="container-fluid">

            <!-- BEGIN PAGE HEADER-->

            <div class="row-fluid">

                <div class="span12">

                    <div style="height:20px; width:100%;"></div>
                    <ul class="breadcrumb">

                        <li>

                            <i class="icon-home"></i>

                            <span>当前位置：</span>

                            <i class="icon-angle-right"></i>

                        </li>

                        <li>
                            <a href="javascript:void(0);">海南</a>
                        </li>
                        <li class="pull-right no-text-shadow">
                            <div class="cgw-loca-select tooltips no-tooltip-on-touch-device responsive"
                                 data-original-title="请您选择大区" data-desktop="tooltips" data-placement="top">
                                <i class="icon-map-marker"></i>

                                <span>海南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</span>

                                <i class="icon-angle-down"></i>

                                <div class="dropdown-menu cgw-select-list ">
                                    <a href="hainan.html">海南&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;</a>
                                    <a href="hainan-3.html">海南三级系统</a>
                                    <a href="hainan-4.html">海南四级系统</a>
                                </div>
                            </div>

                        </li>


                    </ul>

                    <!-- END PAGE TITLE & BREADCRUMB-->

                </div>

            </div>

            <!-- END PAGE HEADER-->
            <div class="clearfix"></div>
            <div id="dashboard">
                <!-- BEGIN DASHBOARD STATS -->

                <div class="row-fluid hidden-tablet visible-desktop visible-tablet-h">
                    <div class="span3 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top blue">

                            <div class="visual">

                                <i class="icon-user"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">

                                    1349

                                </div>

                                <div class="desc">

                                    今日新用户数量

                                </div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a>-->

                        </div>

                    </div>

                    <div class="span3 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top green">

                            <div class="visual">

                                <i class="icon-group"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">549</div>

                                <div class="desc">今日实名认证用户</div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a> -->

                        </div>

                    </div>

                    <div class="span3 responsive" data-tablet="span6  fix-offset" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top purple">

                            <div class="visual">

                                <i class="icon-download"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">+89%</div>

                                <div class="desc">今日流量增长</div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a> -->

                        </div>

                    </div>

                    <div class="span3 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top yellow">

                            <div class="visual">

                                <i class="icon-bar-chart"></i>

                            </div>

                            <div class="details">

                                <div class="number">1800KB</div>

                                <div class="desc">今日时段平均流量值</div>

                            </div>

                        </div>

                    </div>


                </div>
                <div class="row-fluid hidden-desktop visible-tablet visible-tablet-v">
                    <div class="span6 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top blue">

                            <div class="visual">

                                <i class="icon-user"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">

                                    1349

                                </div>

                                <div class="desc">

                                    今日新用户数量

                                </div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a>-->

                        </div>

                    </div>

                    <div class="span6 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top green">

                            <div class="visual">

                                <i class="icon-group"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">549</div>

                                <div class="desc">今日实名认证用户</div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a> -->

                        </div>

                    </div>
                </div>
                <div class="row-fluid hidden-desktop visible-tablet visible-tablet-v">
                    <div class="span6 responsive" data-tablet="span6  fix-offset" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top purple">

                            <div class="visual">

                                <i class="icon-download"></i>

                            </div>

                            <div class="details cd-white">

                                <div class="number">+89%</div>

                                <div class="desc">今日流量增长</div>

                            </div>

                            <!--<a class="more" href="javascript:void(0);">

                            View more <i class="m-icon-swapright m-icon-white"></i>

                            </a> -->

                        </div>

                    </div>

                    <div class="span6 responsive" data-tablet="span6" data-desktop="span3">

                        <div class="dashboard-stat cgw-cd-top yellow">

                            <div class="visual">

                                <i class="icon-bar-chart"></i>

                            </div>

                            <div class="details">

                                <div class="number">1800KB</div>

                                <div class="desc">今日时段平均流量值</div>

                            </div>

                        </div>

                    </div>
                </div>
                <!-- END DASHBOARD STATS -->

            </div>
            <div class="clearfix"></div>
            <div class="row-fluid row-fluid-chart">
                <div class="span6 row-fluid-wlan cpw-percent50 cph-px330">
                    <span class="fluid-title t4"> 用户数量统计</span>
                    <div id="usertype-pie" class="chart-default ch-px300"></div>
                </div>
                <div class="span6 row-fluid-wlan cpw-percent50 cph-px330">
                    <span class="fluid-title t5"> 违规应用数量统计</span>
                    <div id="outof-line" class="chart-default ch-px300"></div>
                </div>

            </div>
            <div class="row-fluid row-fluid-chart">
                <div class="span7 row-fluid-wlan cpw-percent65 cph-px450 pos-relative">
                    <span class="fluid-title t1">安全态势</span>
                    <div class="img-map-data">
                        <div class="portlet-body">
                            <table class="table table-striped table-bordered table-advance table-hover">
                                <thead>
                                <tr>
                                    <th>地区</th>
                                    <th class="hidden-phone">用户</th>
                                    <th>数据</th>
                                </tr>
                                </thead>
                                <tbody>
                                <tr>
                                    <td class="highlight">
                                        <div class="success"></div>
                                        <a href="javascript:void(0);">海南</a>
                                    </td>
                                    <td class="hidden-phone">大区</td>
                                    <td>18</td>
                                </tr>
                                </tbody>
                            </table>
                        </div>
                    </div>
                    <div id="safe-map" class="chart-default ch-px420"></div>
                </div>
                <div class="span5 row-fluid-wlan cpw-percent35 cph-px450">
                    <span class="fluid-title t3">标签云</span>
                    <div id="sign-cloud" class="chart-default ch-px420"></div>
                </div>
            </div>
            <div class="clearfix"></div>
        </div>
    </div>


</div>



<!-- END CONTAINER -->

<!-- BEGIN FOOTER -->

<div class="footer">

    <div class="footer-inner">
        技术支持： 国家信息安全测评中心&nbsp;&nbsp;天融信科技有限公司 <br class="visible-tablet">&nbsp;&nbsp;&nbsp;&nbsp; 版权所有&copy;中国长城互联网信息中心

    </div>

    <div class="footer-tools">

			<span class="go-top">

			<i class="icon-angle-up"></i>

			</span>

    </div>

</div>

<!-- END FOOTER -->

<!-- BEGIN CORE PLUGINS -->
<script src="media/js/mc/miaov_hn.js" type="text/javascript"></script>
<script src="media/js/bootstrap.min.js" type="text/javascript"></script>
<!-- END CORE PLUGINS -->
<script src="media/js/app.js" type="text/javascript"></script>

<!-- BEGIN MC SCRIPTS -->
<script src="media/js/respond.min.js" type="text/javascript"></script>
<script src="media/js/mc/dist/echarts.js" type="text/javascript"></script>
<script src="media/js/mc/doecharts/hn-charts-func.js" type="text/javascript"></script>
<!-- END MC SCRIPTS -->
<script src="media/js/index.js" type="text/javascript"></script>
<!-- END PAGE LEVEL SCRIPTS -->
<script>

    jQuery(document).ready(function () {
        App.init();

    });

</script>

<!-- END JAVASCRIPTS -->

</body>

<!-- END BODY -->

</html>